
.flex-box {
  display: flex !important;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 15px;
  box-sizing: border-box;
}
.flex {
  display: flex !important;
}
.center {
  justify-content: center;
  align-items: center;
  text-align: center;
}
.align-center{
  align-items: center;
}
a {
  color: var(--skinColor);
  text-decoration: none;
  cursor: pointer;
  font-weight: 400;
}

/** element-plus **/
.el-icon {
  text-align: center;
}
.el-button > span {
  font-weight: 400;
}

.mt16 {
  margin-top: 16px;
}
.ml16 {
  margin-left: 16px;
}
.mr16 {
  margin-right: 16px;
}
.mb16 {
  margin-bottom: 16px;
}
.pb0 {
  padding-bottom: 0;
}
.pt16 {
  padding-top: 16px;
}
.pl16 {
  padding-left: 16px;
}
.pr16 {
  padding-right: 16px;
}
.pb16 {
  padding-bottom: 0;
}

.flex-center-center {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.flex-between-center {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}
.flex-between-start {
  display: flex !important;
  justify-content: space-between;
  align-items: flex-start;
}
.flex-between-end {
  display: flex !important;
  justify-content: space-between;
  align-items: flex-end;
}
.flex-left-start {
  display: flex !important;
  justify-content: left;
  align-items: flex-start;
}
.flex-left-end {
  display: flex !important;
  justify-content: left;
  align-items: flex-end;
}
.flex-left-center {
  display: flex !important;
  justify-content: left;
  align-items: center;
}
.flex-right-start {
  display: flex !important;
  justify-content: right;
  align-items: flex-start;
}
.flex-right-end {
  display: flex !important;
  justify-content: right;
  align-items: flex-end;
}
.flex-right-center {
  display: flex !important;
  justify-content: right;
  align-items: center;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-column {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.form-card-title{
  margin: 10px 0;
  margin-left: 10px;
}
.form-page-box{
  max-width: 1000px;
}
/* 表单的提示信息 */
.form-alert-info{
  padding: 0;
  background-color: transparent !important;
}
.form-alert-info .el-alert__title{
  font-size: 12px !important;
}


// 单选框禁用样式
.el-radio__input.is-disabled .el-radio__inner, .el-radio__input.is-disabled .el-radio__inner:after{//外圆背景色
  background-color: var(--el-radio-input-bg-color);
  border: var(--el-radio-input-border);
}
.el-radio__input.is-disabled.is-checked .el-radio__inner {//选中的外圆背景色
  background: var(--el-color-primary);
  border-color: var(--el-color-primary);
}
.el-radio__input.is-disabled.is-checked .el-radio__inner:after {//圆点
  background-color: var(--el-color-white);
  border: var(--el-color-white);
}
.el-radio.is-disabled.is-checked span.el-radio__label {//文本
  color: var(--el-color-primary);
}


// popper弹出框宽度限制
.el-popper {
  max-width: 50%; 
  text-align: left;
}